<!doctype html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>Luft-Gesheft</title>
        <style type="text/css" media="screen">@import "jqtouch/jqtouch.min.css";</style>
        <style type="text/css" media="screen">@import "themes/theme.css";</style>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
        <script src="jqtouch/jqtouch.min.js" type="application/x-javascript" charset="utf-8"></script>
        <script type="text/javascript" charset="utf-8">
			var jQT = new $.jQTouch({
				cacheGetRequests: true,
				addGlossToIcon	: false,
				statusBar		: 'White',
				preloadImages	: [
					'themes/img/back_button.png',
					'themes/img/back_button_clicked.png',
					'themes/img/button_clicked.png',
					'themes/img/grayButton.png',
					'themes/img/whiteButton.png',
					'themes/img/loading.gif'
					]
			}); 
        </script>
		<script src="jquery.gallery.js" type="application/x-javascript" charset="utf-8"></script>
		
    </head>
    <body>
		
		<!-- The list of images (thumbs) -->
		<div id="thumbs_container" class="current">
            <div class="toolbar" style="background: url(../images/btn.JPG);">
                <h1>תמונות</h1>
            </div>
			<div class="loader" style="display:none;"></div>
			<ul id="thumbs" class="thumbView" style="display:none;">
				<li class="pic"><a href="#photo_container"><img src="images/1.jpg" alt="images/1.jpg" /></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/2.jpg" alt="images/2.jpg" /></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/3.jpg" alt="images/3.jpg" /></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/4.jpg" alt="images/4.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/5.jpg" alt="images/5.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/6.jpg" alt="images/6.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/7.jpg" alt="images/7.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/8.jpg" alt="images/8.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/9.jpg" alt="images/9.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/10.jpg" alt="images/10.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/11.jpg" alt="images/11.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/12.jpg" alt="images/12.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/13.jpg" alt="images/13.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/14.jpg" alt="images/14.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/15.jpg" alt="images/15.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/16.jpg" alt="images/16.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/17.jpg" alt="images/17.jpg"/></a></li>
				<li class="pic"><a href="#photo_container"><img src="images/18.jpg" alt="images/18.jpg"/></a></li>
			</ul>
        </div>
		<!-- The single image container -->
		<div id="photo_container">
            <div class="toolbar" style="background: url(../images/btn.JPG);">
                <h1>תמונות</h1>
                <a class="back" href="#thumbs_container">Photos</a>

            </div>
			<div class="loader" style="display:none;"></div>
			<div id="theimage" class="singleimage"></div>
			<div class="descriptionWrapper">
				<p id="description"></p>
				<div id="prev" style="display:none;"></div>
				<div id="next" style="display:none;"></div>
			</div>	
        </div>
    </body>
</html>